
<HTML>
<HEAD>
<TITLE>Tenth Test of Section 4.1.2 of CSS1 Spec</TITLE>


<STYLE TYPE="text/css">
LI {padding-left: 1px;
    border-left: 1px solid;
    margin-left: auto;
    width: auto;
    margin-right: 1px;
    padding-right: 1px;
    border-right: 1px solid;
    }
ul {width: 10px;}
</STYLE>
</HEAD>


<BODY>

<h1 >Testing Statement #10 Below of Section 4.1.2 of CSS1 Spec</h1>



<p>
10. If more than one of the three is "auto", and one of them is "width", the
others ("margin-left" and/or "margin-right") will be set to zero, and "width"
will get the value needed to make the sum of the seven equal to the parent's
width.

<h2>PASS CRITERIA:
</h2>
<p>
If statement #10 above is passed, then:
<ul>
<li>
This list item should have a right margin of 0, and a width of 10px.
Since both "width" and "margin-left" are "auto", and "margin-right" is "1px",
"margin-right" is set to 0, and the other "edge" values of "li" are added
to get the width value of the parent of "li" (ul), which is 10px.
The rules applied are: "li {padding-left: 1px;
                            border-left: 1px solid;
                            margin-left: auto;
                            width: auto;
                            margin-right: 1px;
                            border-right: 1px solid;
                            padding-right: 1px;
                           }"
The "ul" rule applied is "ul {width: 10px}"
</ul>
All other properties should be UA-default.
</ul>



To move directly to the next test, click<a href="412-11.htm"> here</a>

</BODY>
</HTML>
